<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"  %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>SSHチケット販売管理画面</title>
	<link href="/resources/css/admin.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="/resources/js/jquery.js"></script>
	<script type="text/javascript" src="/resources/js/jquery.ajax.js"></script>
	<script type="text/javascript">
		function update() {
			var userName1 = jQuery('#userNameF').val() || '';
			var userName2 = jQuery('#userNameF').val() || '';
				// 성 또는 명 미입력시
			if(jQuery.trim(userName1) == '') {
				alert("名前を入力してください。");
				jQuery('#userNameF').focus();
				return false;
			} else if(jQuery.trim(userName2) == '') {
				alert("名前を入力してください。");
				jQuery('#userNameF').focus();
				return false;
			}
				
			var area = jQuery("select[name='addr1']").val() || '';
			if($.trim(area) == ''){
				alert('都道府県を選択してください。');
				 jQuery("select[name='addr1']").focus();
				return false;
			}
			var addr2 = jQuery('#addr2').val() || '';
			var addr3 = jQuery('#addr3').val() || '';
			if(jQuery.trim(addr2) == '') {
				alert('住所を入力してください。');
				jQuery('#addr2').focus();
				return false;
			} else if(jQuery.trim(addr3) == '') {
				alert('住所を入力してください。');
				jQuery('#addr3').focus();
				return false;
			}
			
			var tel1 = jQuery('#phone1').val() || '';
			var tel2 = jQuery('#phone2').val() || '';
			var tel3 = jQuery('#phone3').val() || '';
			if(jQuery.trim(tel1) == ''){
				alert('電話番号を入力してください。');
				jQuery('#phone1').focus();
				return false;
			}else if(jQuery.trim(tel2) == ''){
				alert('電話番号を入力してください。');
				jQuery('#phone2').focus();
				return false;
			}else if(jQuery.trim(tel3) == ''){
				alert('電話番号を入力してください。');
				jQuery('#phone3').focus();
				return false;
			}
			
			var email = jQuery('#userEmail').val() || '';
			if(!is_email(email)){
				alert('メールアドレスを入力してください。');
				jQuery('#userEmail').focus();
				return false;
			}
			function is_email(value) {
				return (String(value).search(/^[-A-Za-z0-9_]+[-A-Za-z0-9_.]*[@]{1}[-A-Za-z0-9_]+[-A-Za-z0-9_.]*[.]{1}[A-Za-z]{2,5}$/)==-1)?false:true;
			}
			
			jQuery('#phone').val(jQuery('#phone1').val()+"-"+jQuery('#phone2').val()+"-"+jQuery('#phone3').val());
			
			jQuery("#frm").attr({'action':'/admin/updateTicketDetail.do'}).submit();
		}
		
		function logOut() {
			var param = {
			};
			ajaxToJSON("/admin/logout.do", param, function(data) {
				jQuery(location).attr("href", "/admin/loginForm.do");
			});
		}
	</script>
</head>

<!--[if IE 7 ]><body class="ie7 legacy-ie"> <![endif]-->
<!--[if IE 8 ]><body class="ie8 legacy-ie"> <![endif]-->
<!--[if IE 9 ]><body class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><body><!--<![endif]-->
<div id="container">
	<h1>SHIN SEUNG HUN LIVE IN TOKYO</h1>

	<div id="subheader">
		<p>ID : admin /
		<a href="#" onclick="logOut();return false;">Logout</a></p>
	</div>

	<!-- content -->
	<div id="content">
	
	
		<!-- 검색폼 -->
		<h2>登録情報検索</h2>
		<form id="frm" name="frm" method="post">
		<input type="hidden" id="phone" name="phone" value="">
		<input type="hidden" id="seq" name="seq" value="${ticket.seq}">
		<table class="tbl-type1 mgt5">
		<colgroup>
			<col width="15%" /><col width="18%"><col width="15%" /><col width="18%"><col width="15%" /><col width="19%">
		</colgroup>
		<tr>
			<th>お名前</th>
			<td>
				<input type="text" size="10" id="userNameF" name="userNameF" value="${ticket.userNameF}" />
				<input type="text" size="10" id="userNameS" name="userNameS" value="${ticket.userNameS}" />
			</td>
			<th>メール</th>
			<td>
				<input type="text" size="20" id="userEmail" name="userEmail" value="${ticket.userEmail}" />
			</td>
			<th>転送</th>
			<td>
				<select id="mailState" name="mailState">
					<option value="N" <c:if test="${ticket.mailYn eq 'N'}">selected</c:if>>未転送</option>
					<option value="Y" <c:if test="${ticket.mailYn eq 'Y'}">selected</c:if>>転送</option>
				</select>
			</td>
		</tr>
		<tr>
			<th>フリガナ</th>
			<td>
				<input type="text" size="10" id="hiraganaF" name="hiraganaF" value="${ticket.hiraganaF}" />
				<input type="text" size="10" id="hiraganaS" name="hiraganaS" value="${ticket.hiraganaS}" />
			</td>
			<th>TEL</th>
			<td>
				<input type="text" size="5" id="phone1" name="phone1" value="${phone1}" />
				<input type="text" size="5" id="phone2" name="phone2" value="${phone2}" />
				<input type="text" size="5" id="phone3" name="phone3" value="${phone3}" />
			</td>
			<th>状況</th>
			<td>
				<select id="payState" name="payState">
					<option value="N" <c:if test="${ticket.payState eq 'N'}">selected</c:if>>未入金</option>
					<option value="Y" <c:if test="${ticket.payState eq 'Y'}">selected</c:if>>入金</option>
				</select>
			</td>
		</tr>
		<tr>
			<th>都道府県</th>
			<td>
				<select id="addr1" name="addr1">
					<option value=""></option>
					<c:forEach var="addr1" items="${addrList}">
						<option value="${addr1}" <c:if test="${ticket.addr1 eq addr1}">selected</c:if>>${addr1}</option>
					</c:forEach>
				</select>
			</td>
			<th>郡市区</th>
			<td>
				<input type="text" size="20" id="addr2" name="addr2" value="${ticket.addr2}" onkeydown="if(event.keyCode==13) javascript:search();"/>
			</td>
			<th>その以下</th>
			<td>
				<input type="text" size="20" id="addr3" name="addr3" value="${ticket.addr3}" onkeydown="if(event.keyCode==13) javascript:search();"/>
			</td>
		</tr>
		</table>
		<!-- //검색폼 -->
		
		<!-- 중앙버튼 -->
		<div class="btn_area c">
			<button type="button" class="btn1" onclick="update();return false;">修正</button>
		</div>
		<!-- //중앙버튼 -->
	</div>
	<!-- //content -->
</div>


</body>
</html>